{{extend "base.html"}}

{{block head}}
<script type="text/javascript" charset="utf-8">
	var datagrid;
	$(function() {

		datagrid = $('#datagrid').datagrid({
			url : '/myrbacpost/menurole',
			title : '',
			iconCls : 'icon-save',
			pagination : true,
			pageSize : 20,
			pageList : [ 20, 30, 40 ],
			fit : true,
			fitColumns : true,
			nowrap : false,
			border : false,
			idField : 'id',
			frozenColumns : [ [ {
				title : '编号',
				field : 'id',
				width : 150,
				sortable : true,
				checkbox : true
			}, {
				title : '角色名称',
				field : 'role_name',
				width : 150,
				sortable : true
			} ] ],
			columns : [ [{
				title : '菜单权限ID',
				field : 'menusid',
				width : 300,
				hidden : true
			}, {
				title : '菜单权限',
				field : 'menusname',
				width : 300
			},{
				title : '用户ID',
				field : 'usersid',
				width : 150,
				hidden : true
			},{
				title : '用户',
				field : 'usersname',
				width : 150
			}, {
				title : '备注',
				field : 'role_desc',
				width : 150
			}] ],
			toolbar : [ {
				text : '增加',
				iconCls : 'icon-add',
				handler : function() {
					append();
				}
			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					remove();
				}
			}, '-', {
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {
					edit();
				}
			}, '-', {
				text : '取消选中',
				iconCls : 'icon-undo',
				handler : function() {
					datagrid.datagrid('unselectAll');
				}
			}, '-', {
				text : '授权',
				iconCls : 'ext-icon-key',
				handler : function() {
					grantFun();
				}
			}, '-' ]
		});

	});

	function edit() {
		var rows = datagrid.datagrid('getSelections');
		if (rows.length == 1) {
			var p = parent.sy.dialog({
				title : '编辑菜单权限',
				href : '/myrbac/menuroleedit',
				width : 500,
				height : 400,
				buttons : [ {
					text : '编辑',
					handler : function() {
						var f = p.find('form');
						f.form('submit', {
							url : '/myrbac/menurolesave',
							success : function(d) {
								var json = $.parseJSON(d);
								if (json.success) {
									datagrid.datagrid('reload');
									p.dialog('close');
								}
								parent.sy.messagerShow({
									msg : json.msg,
									title : '提示'
								});
							}
						});
					}
				} ],
				onLoad : function() {
					var f = p.find('form');
					var usersid = f.find('input[name=usersid]');
					var usersCombobox = usersid.combobox({
						url : '/userpost/userinfo',
						valueField : 'id',
						textField : 'nickname',
						editable : false,
						multiple : true,
						panelHeight : 'auto'
					});
					f.form('load', {
						id : rows[0].id,
						role_name : rows[0].role_name,
						role_desc : rows[0].role_desc,
						usersid : sy.getList(rows[0].usersid)
					});
				}
			});
		} else if (rows.length > 1) {
			parent.sy.messagerAlert('提示', '同一时间只能编辑一条记录！', 'error');
		} else {
			parent.sy.messagerAlert('提示', '请勾选要编辑的记录！', 'error');
		}
	}
	
	function grantFun() {
		var rows = datagrid.datagrid('getSelections');
		if (rows.length == 1) {
			var dialog = parent.sy.modalDialog({
				title : '角色授权',
				url : '/myrbac/menurolemenugrant?id=' + rows[0].id,
				buttons : [ {
					text : '授权',
					handler : function() {
						dialog.find('iframe').get(0).contentWindow.submitForm(dialog, datagrid, parent.$);
					}
				} ]
			});
		} else if (rows.length > 1) {
			parent.sy.messagerAlert('提示', '同一时间只能编辑一条记录！', 'error');
		} else {
			parent.sy.messagerAlert('提示', '请勾选要编辑的记录！', 'error');
		}
	}
	function append() {
		var p = parent.sy.dialog({
			title : '添加菜单权限',
			href : '/myrbac/menuroleadd',
			width : 500,
			height : 400,
			buttons : [ {
				text : '添加',
				handler : function() {
					var f = p.find('form');
					f.form('submit', {
						url : '/myrbac/menurolesave',
						success : function(d) {
							var json = $.parseJSON(d);
							if (json.success) {
								datagrid.datagrid('reload');
								p.dialog('close');
							}
							parent.sy.messagerShow({
								msg : json.msg,
								title : '提示'
							});
						}
					});
				}
			} ],
			onLoad : function() {
				var f = p.find('form');
				var usersid = f.find('input[name=usersid]');
				var usersCombobox = usersid.combobox({
					url : '/userpost/userinfo',
					valueField : 'id',
					textField : 'nickname',
					editable : false,
					multiple : true,
					panelHeight : 'auto'
				});

			}
		});
	}
	function remove() {
		var rows = datagrid.datagrid('getChecked');
		var ids = [];
		var usersid = [];
		var menusid = [];
		if (rows.length > 0) {
			parent.sy.messagerConfirm('请确认', '您要删除当前所选项目？', function(r) {
				if (r) {
					for ( var i = 0; i < rows.length; i++) {
						ids.push(rows[i].id);
						usersid.push(rows[i].id);
						menusid.push(rows[i].id);
					}
					$.ajax({
						url : '/myrbac/menuroledel',
						data : {
							id : ids.join(','),
							usersid : usersid.join(','),
							menusid : menusid.join(',')
						},
						dataType : 'json',
						success : function(d) {
							datagrid.datagrid('load');
							datagrid.datagrid('unselectAll');
							parent.sy.messagerShow({
								title : '提示',
								msg : d.msg
							});
						}
					});
				}
			});
		} else {
			parent.sy.messagerAlert('提示', '请勾选要删除的记录！', 'error');
		}
	}
</script>

{{end}}


{{block bodyclass}}
<body class="easyui-layout" data-options="fit:true">
{{end}}

{{block content}}
	<div data-options="region:'center',border:false" style="overflow: hidden;">
		<table id="datagrid"></table>
	</div>

{{end}}
